<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/student/js/stuManage.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/1.css">
</head>
<body>
<div class="stuDiv1">
<table border="1" width="100%" cellspacing="0" style="background-color: rgba(191, 250, 244, 0.71);line-height: 40px" >
    <thead><tr><th>学生姓名</th><th>性别</th><th>班级</th><th>所在房间</th><th>联系电话</th><th>操作</th></tr></thead>
    <tbody id="stuData"></tbody>
</table>
</div>
<div id="stuCutDiv" class="stuDiv2">
</div>
<div class="stuDiv3">
    <input type="button" value="学生入住" onclick="addDiv()" style="height: 25px">
    <div class="stuDiv4">
        <div>
      <span>查找学生信息</span><br>
        学生姓名:&nbsp;<input type="text" id="nameTxt" style="margin-top: 50px;margin-bottom: 20px"><br>
        班级:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" id="classTxt" style="margin-bottom: 20px"><br>
        所在房间:&nbsp;<input type="text" id="roomTxt" style="margin-bottom: 20px"><br>
        <input type="button" value="查找" onclick="findByItem(1)">
            </div>
    </div>
</div>
<!--学生入住-->
<div id="addDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">添加学生</h3>
        <div class="landDiv1">
            <div>
                姓名:&nbsp;<input type="text" id="addName"><br>
                <form id="addSex">
                性别:&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="sex"  checked onclick="addSexMan()">男
                <input type="radio" name="sex"  onclick="addSexWoman()">女<br>
                </form>
                房间：<select id="addRoom">
            </select><br>
                班级：<select id="addClass">
            </select><br>
                联系电话：<input type="text" id="addPhone"><br>
                <input type="button" value="添加" onclick="add()">
                <input type="button" value="取消" onclick="addStu()">
            </div>
            <div>
            <img src="" id="faceImg" width="200" height="200"><br>
            图片：<input type="file" id="file" onchange="changeFace()"><br>
            </div>
        </div>
    </div>
</div>
<div id="updateDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">学生换房</h3>
        <div class="landDiv1">
            <form class="form">
                姓名:&nbsp;<span id="updateName"></span><br>
                性别:&nbsp;<span id="updateSex"></span><br>
                原房间：<span id="updateRoom"></span><br>
                班级： <span id="updateClass"></span><br>
                新房间：<select id="newRoom">
            </select><br>
                <input type="button" value="修改" onclick="update()">
                <input type="button" value="取消" onclick="updateDivHidden()">
            </form>
            <img src="" width="200" height="200" id="updateImg"><br>
    </div>
</div>
</div>
<div id="findDiv" class="dialogDiv">
    <div class="landDiv">
        <h3 style="margin: 0px;text-align: center">学生信息</h3>
        <div class="landDiv1">
            <form class="form">
                姓名:&nbsp;<span id="findName"></span><br>
                性别:&nbsp;<span id="findSex"></span><br>
                房间：<span id="findRoom"></span><br>
                班级： <span id="findClass"></span><br>
                入住时间： <span id="findDate"></span><br>
                电话： <span id="findPhone"></span><br>
                <input type="button" value="确定" onclick="findDivHidden()">
            </form>
            <img src="" width="200" height="200" id="findImg"><br>
        </div>
    </div>
</div>
</body>
</html>